import React, { Component } from 'react';
import styled from 'styled-components'; // cnpm i styled-components -S
import './20-style.css'
const Button = styled.button`
  width: 200px;
  height: 50px;
  background-color: #f66;
  color: #fff;
`
const Img = styled.img`
  width: 200px;
`
class App extends Component {
  render() {
    return (
      <div>
        <Button>按钮-cssInJs</Button>
        <img src="https://img2.baidu.com/it/u=1026317337,1339775897&fm=253&fmt=auto&app=138&f=JPEG?w=400&h=711" alt="" style={{ width: 300 }}/>
        <img src="https://img2.baidu.com/it/u=1026317337,1339775897&fm=253&fmt=auto&app=138&f=JPEG?w=400&h=711" alt="" style={{ width: 300 }}/>
        <Img src="https://img2.baidu.com/it/u=1026317337,1339775897&fm=253&fmt=auto&app=138&f=JPEG?w=400&h=711" alt="" />
        <Img src="https://img2.baidu.com/it/u=1026317337,1339775897&fm=253&fmt=auto&app=138&f=JPEG?w=400&h=711" alt="" />
        <img src="https://img2.baidu.com/it/u=1026317337,1339775897&fm=253&fmt=auto&app=138&f=JPEG?w=400&h=711" alt="" className='img'/>
        <img src="https://img2.baidu.com/it/u=1026317337,1339775897&fm=253&fmt=auto&app=138&f=JPEG?w=400&h=711" alt="" className='img'/>
      </div>
    );
  }
}

export default App;